<template>
  <el-container>
    <Header v-if="false"></Header>
    <el-main>
      <el-card class="box-card">
        <el-row>
          <el-col :span="24"
            ><div class="title1">
              <el-avatar :size="60" :src="circleUrl"></el-avatar></div
          ></el-col> </el-row
        ><el-row>
          <el-col :span="24"
            ><div class="title1">{{ userName }}</div></el-col
          > </el-row
        ><el-row>
          <el-col :span="24"
            ><div class="title1">{{ userTel }}</div></el-col
          >
        </el-row>
      </el-card>
      <el-card class="box-card">
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false" @click="carManage"
                ><i class="el-icon-place"></i>&nbsp;&nbsp;&nbsp;车辆管理</el-link
              >
            </div></el-col
          >
        </el-row>
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false" @click="payCarLicense"
                ><i class="el-icon-truck"></i>&nbsp;&nbsp;&nbsp;车牌缴费</el-link
              >
            </div></el-col
          >
        </el-row>
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false" @click="userFeedback"
                ><i class="el-icon-edit"></i>&nbsp;&nbsp;&nbsp;意见反馈</el-link
              >
            </div></el-col
          >
        </el-row>
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false" @click="helpCenter"
                ><i class="el-icon-mobile-phone"></i>&nbsp;&nbsp;&nbsp;帮助中心</el-link
              >
            </div></el-col
          >
        </el-row>
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false"
                ><i class="el-icon-connection"></i>&nbsp;&nbsp;&nbsp;关于我们</el-link
              >
            </div></el-col
          >
        </el-row>
        <el-row id="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" :underline="false" @click="userset"
                ><i class="el-icon-setting"></i>&nbsp;&nbsp;&nbsp;系统设置</el-link
              >
            </div></el-col
          >
        </el-row>
      </el-card>
    </el-main>
    <el-footer>
      <Footer v-if="true"></Footer>
    </el-footer>
  </el-container>
</template>

<script>
import Footer from "@/components/Footer";
import Header from "@/components/Header";
export default {
  name: "Parking",
  components: { Header, Footer },
  data() {
    return {
      circleUrl:
        "http://fengsir.oss-cn-hangzhou.aliyuncs.com/my_file/320a8af7-07a3-4f4b-a14d-b2731f8a7d02.png",
      userName: "Sakurio",
      userTel: "13587290628",
    };
  },
  methods: {
    delParkNo() {
      this.inputParkNo = "";
    },
    //确认停车按钮
    ensureParkBtn() {
      this.$router.push("/orderinfo");
    },
    //意见反馈链接
    userFeedback(){
      this.$router.push("/userfeedback");
    },
    //车辆管理链接
    carManage(){
      this.$router.push("/carmanage");
    },
    //车牌缴费链接
    payCarLicense(){
      this.$router.push("/payCarlicense");
    },
    helpCenter(){
      this.$router.push("/helpcenter");
    },
    userset(){
      this.$router.push("/userset");
    }
  },
};
</script>

<style scoped>
.el-container {
  width: 400px;
  height: 600px;
  border: 1px solid black;
  margin: auto;
  background-color: #ffffff;
}
.el-card {
  border-radius: 20px;
}
.title1 {
  text-align: center;
  font-size: 14px;
}
#cont1{
  margin-top: 10px;
  font-size: 24px;
}
</style>